<template>
  <div class="school"> 
    <h2>学校名称: {{name}}</h2>
    <h2>学校地址: {{address}}</h2>  
    <button @click="sendSchoolName" >点我发送学校名给 App</button>
  </div>
</template>

<script> 
  export default {
    name:'School',
    props:['getSchoolName'],
    data() {
      return { 
        name:'南昌大学',
        address:'江西南昌' 
      }
    }, 
    methods: {
      sendSchoolName(){
        this.getSchoolName(this.name)
      }
    },
  } 
</script>
<style scoped>
  .school{
    background-color: pink;
    padding: 5px;
  }
</style>